<style type='text/css'>

    body {

        background: #eee;

        margin: 0;

        font-size: 14px;

        font-family: Times New Roman

    }

    

    *::placeholder {

        color: #000;

    }

    

    .genarate input[type=text] {

        background: #ddd;

        height: 50px;

        padding: 10px 20px;

        color: #000;

        border: 1px solid #025ba2;

        width: 74%;

        box-sizing: border-box;

        font-weight: bold

    }

    

    .genarate input[type=submit] {

        background: #025ba8;

        height: 50px;

        padding: 10px;

        color: #fff;

        border: 1px solid #025ba2;

        width: 25%;

        box-sizing: border-box;

        font-weight: bold

    }

    

    .logo {

        background: #fff;

        padding: 10px;

        margin: 10px;

        -webkit-box-shadow: 0px 5px 33px 0px rgba(1, 5, 2, 0.17);

        -moz-box-shadow: 0px 5px 33px 0px rgba(1, 5, 2, 0.17);

        box-shadow: 0px 5px 33px 0px rgba(1, 5, 2, 0.17);

    }

    

    .logo img {

        display: block;

        margin-left: auto;

        margin-right: auto;

        max-width: 100%

    }

</style>

<div class="genarate">

    <form action="">

        <input type="text" placeholder="CreateFunnyLogo" name="to-name" required>

        <input type="submit" value="Make it!!">

    </form>

</div>

<div class="logo"><img src="http://createfunnylogo.com/logo/google/:to-name(Google):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/facebook/:to-name(facebook):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/yahoo/:to-name(yahoo):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/digg/:to-name(digg):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/twitter/:to-name(twitter):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/cnn/:to-name(cnn):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/ferrari/:to-name(ferrari):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/flickr/:to-name(flickr):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/JurassicPark/:to-name(Jurassic):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/starwars/:to-name(Star Wars):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/batman/:to-name(batman):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/adidas/:to-name(adidas):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/cococola/:to-name(cococola):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/xfiles/:to-name(xfiles):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/techcrunch/:to-name(Tech Crunch):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/43things/:to-name(43 things):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/bloglines/:to-name(Bloglines):.jpg" /></div>

<div class="logo">

    <a href="https://www.smsudipbd.com"><img src="http://createfunnylogo.com/logo/harrypotter/:to-name(Harry potter):.jpg" /></a>

</div>

<div class="logo"><img src="http://createfunnylogo.com/logo/matrix/:to-name(Matrix):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/ning/:to-name(ning):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/spiderman/:to-name(Spiderman):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/fire/:to-name(Fire):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/blade/:to-name(Blade):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/dead/:to-name(DEAD):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/army/:to-name(Army):.jpg" /></div>

<div class="logo"><img src="http://createfunnylogo.com/logo/aladdin/:to-name(Aladdin):.jpg" /></div>